 #{extends 'main.html' /}

<h1>Hello ${loggedInUserName}</h1>

<script type="text/javascript">
	function inn() {
		  $("#content").empty().html('<img src="/public/images/ajax-loader-loading.gif" />');

		$

		.getJSON(

		'@{IdeaDeveloperFunctions.reqJoinOrg()}',

		{
			'orgname' : document.getElementById("orgname").value,

			'body' : document.getElementById("bodyofinvitation").value,

			'devusername' : '${loggedInUserName	}'

		},

		function(data) {
			  $("#content").empty().html();

			alert(data.res);

		}, 'json')

		$('#invite_buttton').hide('slow');

	}
</script>



<h1>hello ${loggedInUserName}</h1>

<div id="inviteIdeadev">



 <div id="content">
 
 
 </div>
<div id="loading" style="display:none">
    <img src="/public/images/ajax-loader-wheel.gif" alt="Loader" />&nbsp;Loading...
</div>


	<p>

		orgname: <input type="text" id="orgname" />

	</p>
<div id="RequestJoinOrg" >
	<label>Attach a msg :</label>
	<p>
		<textarea id="bodyofinvitation" class="wsite-form-input" name="msg"
			style="width: 150px; height: 100px"></textarea>
	</p>
	<p>
		<a href="#" id="invite_buttton" onclick="inn()">Request!</a>
	</p>
</div>
</div>